<!DOCTYPE html>
<html lang="en">
<head>

<!-- meta tags -->
<meta charset="utf-8">
<meta name="keywords" content="bootstrap 4, premium, multipurpose, ecommerce, html5, CSS" />
<meta name="description" content="Bootstrap 4 Landing Page Template" />
<meta name="author" content="www.themesground.com" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Title -->
<title></title>

<!-- Favicon Icon -->
<link rel="shortcut icon" href="assets/images/favicon.png" />

<!-- inject css start -->

<link href="assets/css/theme-plugin.css" rel="stylesheet" />
<link href="assets/css/theme.min.css" rel="stylesheet" />

<!-- inject css end -->

</head>

<body>

<!-- page wrapper start -->

<div class="page-wrapper">
  
<!-- preloader start -->

<div id="ht-preloader">
  <div class="loader clear-loader">
    <img class="img-fluid" src="assets/images/loader.gif" alt="">
  </div>
</div>

<!-- preloader end -->


<!--header start-->

<header class="site-header header-2">
  <div class="header-top bg-white-row py-0">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-8 col-sm-6 d-flex align-items-center justify-content-between call-info">
          
          <div class="d-flex align-items-center">
            <div class="text-grey offer-text"><small><span>60%</span> discount on kids collection</small>
            </div>
            <div class="language-selection">
            <div class="d-flex align-items-center justify-content-center justify-content-md-end">
            <div class="ml-3 mr-3">
                            <select name="countries" class="custome_select">
                                <option value='USD' data-title="USD">USD</option>
                                <option value='EUR' data-title="EUR">EUR</option>
                                <option value='GBR' data-title="GBR">GBR</option>
                            </select>
                        </div>
                        <div class="lng_dropdown">
                            <select name="countries" class="custome_select">
                                <option value='en' data-image="assets/images/eng.png" data-title="English">English</option>
                                <option value='fn' data-image="assets/images/fn.png" data-title="France">France</option>
                                <option value='us' data-image="assets/images/us.png" data-title="United States">United States</option>
                            </select>
                        </div>
                        
                    </div>
                    </div>
            
            
            
          </div>
        </div>
        <div class="col-md-4 col-sm-6">
          <div class="align-items-center d-flex justify-content-end search-block">
            <form class="form-inline rounded w-100">
              <input class="form-control border-0 border-left col text-grey" type="search" placeholder="Enter Your Keyword" aria-label="Search">
              <button class="btn-search text-grey col-auto" type="submit"><i class="las la-search"></i>
              </button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="header-wrap">
    <div class="container">
        <div class="row"> 
          <!--menu start-->
          <div class="col">
            <nav class="navbar navbar-expand-lg navbar-light position-static"> <a class="navbar-brand logo" href="index.html"> <img class="img-fluid" src="assets/images/logo.png" alt=""> </a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
              <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ml-auto mr-auto">
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle active" href="#" data-toggle="dropdown">Home</a>
                    <ul class="dropdown-menu">
                      <li><a href="index.html">Fashion 1</a> </li>
                      <li><a href="index-2.html">Fashion 2</a> </li>
                      <li><a href="index-3.html">Fashion 3</a> </li>
                      <li><a href="index-4.html">Electronics</a> </li>
                      <li><a href="index-5.html">Organic</a> </li>
                      <li><a href="index-6.html">Furniture</a> </li>
                      <li><a href="index-7.html">Kids</a> </li>
                      <li><a href="index-8.html">Car Dealer</a> </li>
                   </ul>
                  </li>
                  <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#">Categories</a>
                    <div class="dropdown-menu w-100"> 
                      <!-- Tabs -->
                      <div class="container p-0">
                        <div class="row w-100 no-gutters">
                          <div class="col-lg-8 p-lg-3">
                            <div class="row">
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Clothing</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Western Wear</a></li>
                                  <li> <a href="#">Fitness &amp; Outdoors</a></li>
                                  <li> <a href="#">Ethnic Wear</a></li>
                                  <li> <a href="#">Beach Clothing</a></li>
                                  <li> <a href="#">Swimsuits</a></li>
                                  <li> <a href="#">Casual Dresses</a></li>
                                  <li> <a href="#">Raincoats</a></li>
                                  <li> <a href="#">Maternity</a></li>
                                  <li> <a href="#">Lingerie</a></li>
                                  <li> <a href="#">Sleep &amp; Lounge Wear</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Accessories</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Caps &amp; Hats</a> </li>
                                  <li> <a href="#">Gloves &amp; Arm Warmers</a></li>
                                  <li> <a href="#">Earmuffs</a></li>
                                  <li> <a href="#">Handkerchiefs</a></li>
                                  <li> <a href="#">Shawls</a></li>
                                  <li> <a href="#">Belts</a></li>
                                  <li> <a href="#">Suspenders</a></li>
                                  <li> <a href="#">Wallets</a></li>
                                  <li> <a href="#">Pocket Squares</a></li>
                                  <li> <a href="#">Watches</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Jwellery</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Earrings</a> </li>
                                  <li> <a href="#">Chains &amp; Necklaces</a></li>
                                  <li> <a href="#">Bangles &amp; Bracelets</a></li>
                                  <li> <a href="#">Pendants</a></li>
                                  <li> <a href="#">Anklets</a></li>
                                  <li> <a href="#">Coins &amp; Bars</a></li>
                                  <li> <a href="#">Nose Rings &amp; Pins</a></li>
                                  <li> <a href="#">Beads &amp; Charms</a></li>
                                  <li> <a href="#">Shirt Accessories</a></li>
                                  <li> <a href="#">Chains</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Shoes</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-0">
                                  <li> <a href="#">Running Shoes</a> </li>
                                  <li> <a href="#">Sneakers</a></li>
                                  <li> <a href="#">Loafers &amp; Moccasins</a></li>
                                  <li> <a href="#">Boots</a></li>
                                  <li> <a href="#">Formal Shoes</a></li>
                                  <li> <a href="#">Hiking Footwear</a></li>
                                  <li> <a href="#">Casual Shoes</a></li>
                                  <li> <a href="#">Ethnic Footwear</a></li>
                                  <li> <a href="#">Fashion Slippers</a></li>
                                  <li> <a href="#">Ballet Flats</a></li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <div class="col-lg-4 d-none d-lg-block pr-2"> <img class="img-fluid rounded-bottom rounded-top" src="assets/images/header-img.jpg" alt="..."> </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Shop</a>
                    <div class="dropdown-menu w-100 custom-drop">
                      <div class="container p-0">
                        <div class="row w-100 no-gutters">
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Shop Layout</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="product-grid.html">Product Grid</a> </li>
                              <li> <a href="product-grid-left-sidebar.html">Product Grid Left Sidebar</a> </li>
                              <li> <a href="product-grid-right-sidebar.html">Product Grid Right Sidebar</a> </li>
                              <li> <a href="product-list.html">Product List</a> </li>
                              <li> <a href="product-list-left-sidebar.html">Product List Left Sidebar</a> </li>
                              <li> <a href="product-list-right-sidebar.html">Product List Right Sidebar</a> </li>

                            </ul>
                          </div>
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Product Pages</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="product-default.html">Product Default</a> </li>
                              <li> <a href="product-default-right-image.html">Product Default Right Image</a> </li>
                              <li> <a href="product-left-image.html">Product Left Image</a> </li>
                              <li> <a href="product-right-image.html">Product Right Image</a> </li>
                              <li> <a href="product-left-sidebar.html">Product Left Sidebar</a> </li>
                              <li> <a href="product-right-sidebar.html">Product Right Sidebar</a> </li>

                            </ul>
                          </div>
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Other Pages</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="shopping-cart.html">Shopping Cart</a> </li>
                              <li> <a href="checkout.html">Checkout</a> </li>
                              <li> <a href="my-account.html">My Account</a> </li>
                              <li> <a href="wishlist.html">Wishlist</a> </li>
                              <li> <a href="compare.html">Compare</a> </li>
                              <li> <a href="order-complete.html">Order Completed</a> </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Pages</a>
                    <ul class="dropdown-menu">
                      <li> <a href="about-us.html">About Us</a> </li>
                      <li> <a href="login.html">Login</a> </li>
                      <li> <a href="signup.html">Signup</a> </li>
                      <li> <a href="forgot-password">Forgot Password</a> </li>
                      <li> <a href="coming-soon.html">Coming Soon</a> </li>
                      <li> <a href="error-404.html">404 Error</a> </li>
                      <li> <a href="faq.html">FAQ</a> </li>
                      <li> <a href="privacy-policy.html">Privacy Policy</a> </li>
                      <li> <a href="terms-and-conditions.html">Term & Conditions</a> </li>
                    </ul>
                  </li>
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Blog</a>
                    <ul class="dropdown-menu">
                      <li><a href="blog-grid.html">Blog Grid</a> </li>
                      <li><a href="blog-grid-left.html">Blog Grid Left</a> </li>
                      <li><a href="blog-grid-right.html">Blog Grid Right</a> </li>
                      <li><a href="blog-list-left.html">Blog List Left</a> </li>
                      <li><a href="blog-list-right.html">Blog List Right</a> </li>
                       <li><a href="blog-detail.html">Blog Detail</a> </li>
                       <li><a href="blog-detail-left.html">Blog Detail Left</a> </li>
                       <li><a href="blog-detail-right.html">Blog Detail Right</a> </li>
                    </ul>
                  </li>
                  <li class="nav-item"> <a class="nav-link" href="contact-us.html">Contact</a> </li>
                </ul>
              </div>
              <div class="right-nav align-items-center d-flex justify-content-end">
                <a class="mr-1 mr-sm-3" href="#"><i class="las la-user-alt"></i></a> <a class="mr-3 d-none d-sm-inline" href="#"><i class="lar la-heart"></i></a>
                <div class="dropdown cart_dropdown"> <a class="d-flex align-items-center" href="#"> <span class="bg-white pr-2 pl-0 py-1 rounded" data-cart-items="2"> <i class="las la-shopping-bag"></i> </span> </a>
                  <div class="cart_box dropdown-menu dropdown-menu-right">
                    <ul class="cart_list">
                      <li> <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a> <a href="#"><img src="assets/images/product/p8.jpg" alt="cart_thumb1">Unpaired Running Shoes</a> <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>78.00</span> </li>
                      <li> <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a> <a href="#"><img src="assets/images/product/p12.jpg" alt="cart_thumb2">Unpaired Running Shoes</a> <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>81.00</span> </li>
                    </ul>
                    <div class="cart_footer">
                      <p class="cart_total"><strong>Subtotal:</strong> <span class="cart_price"> <span class="price_symbole">$</span></span>159.00</p>
                      <p class="cart_buttons"><a href="#" class="btn btn-secondary view-cart ml-2 mr-2">View Cart</a><a href="#" class="btn btn-primary ml-2 mr-2 checkout">Checkout</a></p>
                    </div>
                  </div>
                </div>
              </div>
            </nav>
          </div>
          <!--menu end--> 
        </div>
      </div>
  </div>
</header>

<!--header end-->


<!--hero section start-->

<section class="banner-bg pos-r p-0">
  <div class="container">
    <div class="row">
      
      <div class="col-lg-12">
        <div class="banner-slider owl-carousel no-pb owl-2" data-dots="false" data-nav="true">
    <div class="item bg-pos-ct" data-bg-img="assets/images/bg/slider-img1.jpg">
        <div class="container h-100">
          <div class="row h-100 align-items-center">
            <div class="col-lg-8 col-md-12 custom-py-1 position-relative z-index-1 px-lg-10">
              <h6 class="font-w-6 text-orange animated3">New promotions!</h6>
              <h1 class="mb-4 animated3">Discounts up
<br> 
 to 50% in June.</h1>
              <div class="animated3">
                <a class="btn btn-orange btn-animated" href="#">Shop Now</a>
              </div>
              
            </div>
          </div>
        </div>
    </div>
    <div class="item bg-pos-ct" data-bg-img="assets/images/bg/slider-img2.jpg">
        <div class="container h-100">
          <div class="row h-100 align-items-center">
            <div class="col-lg-8 col-md-12 custom-py-1 position-relative z-index-1 px-lg-10">
              <h6 class="font-w-6 text-orange animated3">-20% off this week</h6>
              <h1 class="mb-4 animated3">New Handbags <br> Collection</h1>
              <div class="animated3">
                <a class="btn btn-orange btn-animated" href="#">View Collection</a>
              </div>
             
            </div>
          </div>
        </div>
    </div>
  </div>
      </div>
    </div>
  </div>
</section>

<!--hero section end--> 

<section class="section services-block">
    	<div class="container">
            <div class="row">
                <div class="col-lg-4">	
                    <div class="icon_box icon_box_style1">
                        <div class="icon">
                            <i class="flaticon-shipped"></i>
                        </div>
                        <div class="icon_box_content">
                            <h6>Free Shipping Worldwide</h6>
                            <p>on order over $79</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">	
                    <div class="icon_box icon_box_style2">
                        <div class="icon">
                            <i class="flaticon-money-back"></i>
                        </div>
                        <div class="icon_box_content">
                            <h6>40% Off Mens Footwear</h6>
                            <p>use code superdeal40</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">	
                    <div class="icon_box icon_box_style3">
                        <div class="icon">
                            <i class="flaticon-support"></i>
                        </div>
                        <div class="icon_box_content">
                            <h6>20% Discount for Students</h6>
                            <p>free next day delivey</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


<!--body content start-->

<div class="page-content">

<!--product start-->

<section class="pb-0">
  <div class="container">
    <div class="row justify-content-center text-center">
      <div class="col-lg-8 col-md-10">
        <div class="mb-5">
          <h6 class="text-orange mb-1 font-w-6">
                   New Collection
              </h6>
          <h2 class="mb-0 font-w-6">Popular Products</h2>
        </div>
      </div>
    </div>
    
    <div class="row">
              <div class="owl-carousel no-pb owl-2" data-dots="false" data-nav="true" data-items="4" data-md-items="2" data-sm-items="1">
                <div class="item">
                  <div class="card product-card">
                    <button class="btn-wishlist btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lar la-heart"></i>
                    </button>
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top card-img-back" src="assets/images/product/p10.jpg" alt="...">
            <img class="card-img-top card-img-front" src="assets/images/product/p10_hover.jpg" alt="...">
                    </a>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-6"><a class="link-title" href="product-left-image.html">Unpaired Running Shoe</a>
                        </div>
                        <div class="mt-1"> <span class="product-price"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                          <button class="btn btn-compare" data-toggle="tooltip" data-placement="top" title="Compare" type="button"><i class="las la-random"></i> 
                          </button>
                          <button class="btn-cart btn btn-orange btn-animated mx-3" type="button"><i class="las la-shopping-cart mr-1"></i>
                          </button>
                          <button class="btn btn-view" data-toggle="tooltip" data-placement="top" title="Quick View"><span data-target="#quick-view" data-toggle="modal"><i class="las la-eye"></i></span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                
                <div class="item">
                  <div class="card product-card">
                    <button class="btn-wishlist btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lar la-heart"></i>
                    </button>
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top card-img-back" src="assets/images/product/p13.jpg" alt="...">
            <img class="card-img-top card-img-front" src="assets/images/product/p13_hover.jpg" alt="...">
                    </a>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-6"><a class="link-title" href="product-left-image.html">Unpaired Running Shoe</a>
                        </div>
                        <div class="mt-1"> <span class="product-price"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                          <button class="btn btn-compare" data-toggle="tooltip" data-placement="top" title="Compare" type="button"><i class="las la-random"></i> 
                          </button>
                          <button class="btn-cart btn btn-orange btn-animated mx-3" type="button"><i class="las la-shopping-cart mr-1"></i>
                          </button>
                          <button class="btn btn-view" data-toggle="tooltip" data-placement="top" title="Quick View"><span data-target="#quick-view" data-toggle="modal"><i class="las la-eye"></i></span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                
                <div class="item">
                  <div class="card product-card">
                    <button class="btn-wishlist btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lar la-heart"></i>
                    </button>
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top card-img-back" src="assets/images/product/p11.jpg" alt="...">
            <img class="card-img-top card-img-front" src="assets/images/product/p11_hover.jpg" alt="...">
                    </a>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-6"><a class="link-title" href="product-left-image.html">Unpaired Running Shoe</a>
                        </div>
                        <div class="mt-1"> <span class="product-price"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                          <button class="btn btn-compare" data-toggle="tooltip" data-placement="top" title="Compare" type="button"><i class="las la-random"></i> 
                          </button>
                          <button class="btn-cart btn btn-orange btn-animated mx-3" type="button"><i class="las la-shopping-cart mr-1"></i>
                          </button>
                          <button class="btn btn-view" data-toggle="tooltip" data-placement="top" title="Quick View"><span data-target="#quick-view" data-toggle="modal"><i class="las la-eye"></i></span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                
                <div class="item">
                  <div class="card product-card">
                    <button class="btn-wishlist btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lar la-heart"></i>
                    </button>
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top card-img-back" src="assets/images/product/p15.jpg" alt="...">
            <img class="card-img-top card-img-front" src="assets/images/product/p15_hover.jpg" alt="...">
                    </a>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-6"><a class="link-title" href="product-left-image.html">Crewneck Sweatshirt</a>
                        </div>
                        <div class="mt-1"> <span class="product-price"><del class="text-muted">$42.00</del> $37.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                          <button class="btn btn-compare" data-toggle="tooltip" data-placement="top" title="Compare" type="button"><i class="las la-random"></i> 
                          </button>
                          <button class="btn-cart btn btn-orange btn-animated mx-3" type="button"><i class="las la-shopping-cart mr-1"></i>
                          </button>
                          <button class="btn btn-view" data-toggle="tooltip" data-placement="top" title="Quick View"><span data-target="#quick-view" data-toggle="modal"><i class="las la-eye"></i></span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card">
                    <button class="btn-wishlist btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lar la-heart"></i>
                    </button>
                    <a class="card-img-hover d-block" href="product-left-image.html">
                                <img class="card-img-top card-img-back" src="assets/images/product/p7.jpg" alt="...">
            <img class="card-img-top card-img-front" src="assets/images/product/p7_hover.jpg" alt="...">
                    </a>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-6"><a class="link-title" href="product-left-image.html">Gold Framed Sunglasses</a>
                        </div>
                        <div class="mt-1"> <span class="product-price"><del class="text-muted">$18.00</del> $15.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                          <button class="btn btn-compare" data-toggle="tooltip" data-placement="top" title="Compare" type="button"><i class="las la-random"></i> 
                          </button>
                          <button class="btn-cart btn btn-orange btn-animated mx-3" type="button"><i class="las la-shopping-cart mr-1"></i>
                          </button>
                          <button class="btn btn-view" data-toggle="tooltip" data-placement="top" title="Quick View"><span data-target="#quick-view" data-toggle="modal"><i class="las la-eye"></i></span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card">
                    <button class="btn-wishlist btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lar la-heart"></i>
                    </button>
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top card-img-back" src="assets/images/product/p6.jpg" alt="...">
            <img class="card-img-top card-img-front" src="assets/images/product/p6_hover.jpg" alt="...">
                    </a>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-6"><a class="link-title" href="product-left-image.html">Luxury Fashion Bag</a>
                        </div>
                        <div class="mt-1"> <span class="product-price"><del class="text-muted">$19.00</del> $13.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                          <button class="btn btn-compare" data-toggle="tooltip" data-placement="top" title="Compare" type="button"><i class="las la-random"></i> 
                          </button>
                          <button class="btn-cart btn btn-orange btn-animated mx-3" type="button"><i class="las la-shopping-cart mr-1"></i>
                          </button>
                          <button class="btn btn-view" data-toggle="tooltip" data-placement="top" title="Quick View"><span data-target="#quick-view" data-toggle="modal"><i class="las la-eye"></i></span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
             </div>
          </div>
   
  </div>
</section>

<!--product end-->


<!--product add start-->

<section class="pt-5">
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-6">
        <div class="position-relative rounded overflow-hidden text-right">
          <!-- Background -->
          <img class="img-fluid hover-zoom" src="assets/images/product-ad/05.jpg" alt="">
          <!-- Body -->
          <div class="position-absolute top-50 pl-5 text-left">
            <h6 class="text-dark mb-0">Summer Collection</h6>
            <!-- Heading -->
            <h3 class="font-w-6 mb-2 mb-lg-5">Women Fashion</h3>
            <!-- Link --> <a class="btn btn-sm btn-orange btn-animated" href="#">Shop Now
                </a>
          </div>
        </div>
      </div>
      <div class="col-12 col-lg-6 mt-5 mt-lg-0">
        <div class="position-relative rounded overflow-hidden text-right">
          <!-- Background -->
          <img class="img-fluid hover-zoom" src="assets/images/product-ad/06.jpg" alt="">
          <!-- Body -->
          <div class="position-absolute top-50 pl-5 text-left">
            <h6 class="text-dark mb-0">Winter Collection</h6>
            <!-- Heading -->
            <h3 class="font-w-6 mb-2 mb-lg-5">Mens Fashion</h3>
            <!-- Link --> <a class="btn btn-sm btn-orange btn-animated" href="#">Shop Now
                </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!--product add end-->


<!--testimonails start-->

<section class="bg-light-2 testimonails custom-pb-0">
  <div class="container text-center">
    <div class="row justify-content-center">
      <div class="col-12 pl-10 pr-10">
        <div class="owl-carousel owl-center owl-2" data-center="true" data-dots="false" data-nav="true" data-items="1" data-md-items="1" data-sm-items="1">
          <div class="item">
            <div class="card p-lg-10 bg-primary-soft border-0">
              <div>
                <img alt="Image" src="assets/images/thumbnail/member2.png" class="img-fluid rounded-circle d-inline">
              </div>
              <div class="card-body pl-10 pr-10">
               <p class="text-dark font-w-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla auguest tristique auctor. placerat a condimentum diam mollis. Ut pulvinar neque eget massa dapibus dolor.</p>
                <div>
                  <h6 class="text-orange d-inline mb-0">John Smith </h6>
                  <small class="text-muted">- Happy Customer</small>
                </div>
              </div>
            </div>
          </div>
          <div class="item">
            <div class="card p-lg-10 bg-primary-soft border-0">
              <div>
                <img alt="Image" src="assets/images/thumbnail/member1.png" class="img-fluid rounded-circle d-inline">
              </div>
              <div class="card-body pl-10 pr-10">
                <p class="text-dark font-w-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla auguest tristique auctor. placerat a condimentum diam mollis. Ut pulvinar neque eget massa dapibus dolor.</p>
                <div>
                  <h6 class="text-orange d-inline mb-0">Karla Anderson </h6>
                  <small class="text-muted">- Happy Customer</small>
                </div>
              </div>
            </div>
          </div>
          
          <div class="item">
            <div class="card p-lg-10 bg-primary-soft border-0">
              <div>
                <img alt="Image" src="assets/images/thumbnail/member3.png" class="img-fluid rounded-circle d-inline">
              </div>
              <div class="card-body pl-10 pr-10">
                <p class="text-dark font-w-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla auguest tristique auctor. placerat a condimentum diam mollis. Ut pulvinar neque eget massa dapibus dolor.</p>
                <div>
                  <h6 class="text-orange d-inline mb-0">Stephen Doe </h6>
                  <small class="text-muted">- Happy Customer</small>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!--testimonails end-->


<!--product start-->

<section class="pb-4">
  <div class="container">
    <div class="row">
      <div class="col">
        <div class="bg-white">
          <div class="row justify-content-center text-center mb-5">
            <div class="col-lg-8 col-md-10">
              <div>
                <h6 class="text-orange mb-1 font-w-6">
                So you get to know me better
              </h6>
                <h2 class="mb-0 font-w-6">Featured Products</h2>
              </div>
            </div>
          </div>
          <div class="row">
               <div class="owl-carousel no-pb owl-2" data-dots="false" data-nav="true" data-items="4" data-md-items="2" data-sm-items="1">
                <div class="item">
                  <div class="card product-card">
                    <button class="btn-wishlist btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lar la-heart"></i>
                    </button>
                    <a class="card-img-hover d-block" href="product-left-image.html">
                      <img class="card-img-top card-img-back" src="assets/images/product/p5.jpg" alt="...">
                      <img class="card-img-top card-img-front" src="assets/images/product/p5_hover.jpg" alt="...">
                    </a>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-6"><a class="link-title" href="product-left-image.html">Unpaired Running Shoe</a>
                        </div>
                        <div class="mt-1"> <span class="product-price"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                          <button class="btn btn-compare" data-toggle="tooltip" data-placement="top" title="Compare" type="button"><i class="las la-random"></i> 
                          </button>
                          <button class="btn-cart btn btn-orange btn-animated mx-3" type="button"><i class="las la-shopping-cart mr-1"></i>
                          </button>
                          <button class="btn btn-view" data-toggle="tooltip" data-placement="top" title="Quick View"><span data-target="#quick-view" data-toggle="modal"><i class="las la-eye"></i></span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card">
                    <button class="btn-wishlist btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lar la-heart"></i>
                    </button>
                    <a class="card-img-hover d-block" href="product-left-image.html">
                      <img class="card-img-top card-img-back" src="assets/images/product/p3.jpg" alt="...">
                      <img class="card-img-top card-img-front" src="assets/images/product/p3_hover.jpg" alt="...">
                    </a>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-6"><a class="link-title" href="product-left-image.html">Crewneck Sweatshirt</a>
                        </div>
                        <div class="mt-1"> <span class="product-price"><del class="text-muted">$42.00</del> $37.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                          <button class="btn btn-compare" data-toggle="tooltip" data-placement="top" title="Compare" type="button"><i class="las la-random"></i> 
                          </button>
                          <button class="btn-cart btn btn-orange btn-animated mx-3" type="button"><i class="las la-shopping-cart mr-1"></i>
                          </button>
                          <button class="btn btn-view" data-toggle="tooltip" data-placement="top" title="Quick View"><span data-target="#quick-view" data-toggle="modal"><i class="las la-eye"></i></span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card">
                    <button class="btn-wishlist btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lar la-heart"></i>
                    </button>
                    <a class="card-img-hover d-block" href="product-left-image.html">
                      <img class="card-img-top card-img-back" src="assets/images/product/p8.jpg" alt="...">
                      <img class="card-img-top card-img-front" src="assets/images/product/p8_hover.jpg" alt="...">
                    </a>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-6"><a class="link-title" href="product-left-image.html">Gold Framed Sunglasses</a>
                        </div>
                        <div class="mt-1"> <span class="product-price"><del class="text-muted">$18.00</del> $15.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                          <button class="btn btn-compare" data-toggle="tooltip" data-placement="top" title="Compare" type="button"><i class="las la-random"></i> 
                          </button>
                          <button class="btn-cart btn btn-orange btn-animated mx-3" type="button"><i class="las la-shopping-cart mr-1"></i>
                          </button>
                          <button class="btn btn-view" data-toggle="tooltip" data-placement="top" title="Quick View"><span data-target="#quick-view" data-toggle="modal"><i class="las la-eye"></i></span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card">
                    <button class="btn-wishlist btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lar la-heart"></i>
                    </button>
                    <a class="card-img-hover d-block" href="product-left-image.html">
                      <img class="card-img-top card-img-back" src="assets/images/product/p4.jpg" alt="...">
                      <img class="card-img-top card-img-front" src="assets/images/product/p4_hover.jpg" alt="...">
                    </a>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-6"><a class="link-title" href="product-left-image.html">Luxury Fashion Bag</a>
                        </div>
                        <div class="mt-1"> <span class="product-price"><del class="text-muted">$19.00</del> $13.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                          <button class="btn btn-compare" data-toggle="tooltip" data-placement="top" title="Compare" type="button"><i class="las la-random"></i> 
                          </button>
                          <button class="btn-cart btn btn-orange btn-animated mx-3" type="button"><i class="las la-shopping-cart mr-1"></i>
                          </button>
                          <button class="btn btn-view" data-toggle="tooltip" data-placement="top" title="Quick View"><span data-target="#quick-view" data-toggle="modal"><i class="las la-eye"></i></span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card">
                    <button class="btn-wishlist btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lar la-heart"></i>
                    </button>
                    <a class="card-img-hover d-block" href="product-left-image.html">
                      <img class="card-img-top card-img-back" src="assets/images/product/p15.jpg" alt="...">
                      <img class="card-img-top card-img-front" src="assets/images/product/p15_hover.jpg" alt="...">
                    </a>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-6"><a class="link-title" href="product-left-image.html">Luxury Fashion Bag</a>
                        </div>
                        <div class="mt-1"> <span class="product-price"><del class="text-muted">$19.00</del> $13.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                          <button class="btn btn-compare" data-toggle="tooltip" data-placement="top" title="Compare" type="button"><i class="las la-random"></i> 
                          </button>
                          <button class="btn-cart btn btn-orange btn-animated mx-3" type="button"><i class="las la-shopping-cart mr-1"></i>
                          </button>
                          <button class="btn btn-view" data-toggle="tooltip" data-placement="top" title="Quick View"><span data-target="#quick-view" data-toggle="modal"><i class="las la-eye"></i></span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
      </div>
    </div>
  </div>
</section>

<!--product end-->


<!--hot deal start-->

<section class="bg-pos-ct hot-deal" data-bg-img="assets/images/bg/04.jpg">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 col-md-10">
        <div>
          <h6 class="text-orange mb-1 font-w-6">
                  Limited Time Offer
              </h6>
          <h2 class="mb-0 font-w-6">Deals of the Day</h2>
        </div>
        <ul class="countdown list-inline d-flex my-5" data-countdown="2020/08/23"></ul>
        <div class="subscribe-form">
          <form id="mc-form" class="row align-items-center no-gutters mb-3">
            <div class="col">
              <input value="" name="EMAIL" class="email form-control input-2 bg-white" id="mc-email" placeholder="Email Address" required type="email">
            </div>
            <div class="col-auto">
              <input class="btn btn-orange overflow-auto" name="subscribe" value="Subscribe" type="submit">
            </div>
          </form> <small>To receive latest offers and discounts from the shop.</small>
        </div>
      </div>
    </div>
  </div>
</section>

<!--hot deal end-->


<!--blog start-->

<section>
  <div class="container">
    <div class="row justify-content-center text-center mb-5">
      <div class="col-12 col-md-10 col-lg-8">
        <div>
          <h6 class="text-orange mb-1 font-w-6">
                News Feeds
              </h6>
          <h2 class="mb-0 font-w-6">Latest From Blog</h2>
        </div>
      </div>
    </div>
    <!-- / .row -->
    <div class="row">
      <div class="col-12 col-lg-4">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
          <div class="position-relative rounded overflow-hidden">
            <div class="position-absolute z-index-1 bottom-0 bg-white text-orange shadow-primary text-center py-1 px-2 rounded ml-3 mb-3">12 Jul</div>
            <img class="card-img-top hover-zoom" src="assets/images/blog/01.jpg" alt="Image">
          </div>
          <div class="card-body px-0 pb-0">
            <div> <a class="d-inline-block link-title btn-link text-small mr-2" href="#">Shoes,</a>
              <a class="d-inline-block link-title btn-link text-small" href="#">Womens</a>
            </div>
            <h2 class="h5 font-w-6 mt-2 mb-0">
                <a class="link-title" href="blog-single.html">Powerful and flexible premium Ecommerce themes</a>
              </h2>
          </div>
          <div></div>
        </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-4 mt-5 mt-lg-0">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
          <div class="position-relative rounded overflow-hidden">
            <div class="position-absolute z-index-1 bottom-0 bg-white text-orange shadow-primary text-center py-1 px-2 rounded ml-3 mb-3">09 Mar</div>
            <img class="card-img-top hover-zoom" src="assets/images/blog/02.jpg" alt="Image">
          </div>
          <div class="card-body px-0 pb-0">
            <div> <a class="d-inline-block link-title btn-link text-small mr-2" href="#">Clothing,</a>
              <a class="d-inline-block link-title btn-link text-small" href="#">Accessories</a>
            </div>
            <h2 class="h5 font-w-6 mt-3">
                <a class="link-title" href="blog-single.html">Premium template with unlimited colours, and fully Customizable</a>
              </h2>
          </div>
          <div></div>
        </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-4 mt-5 mt-lg-0">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
          <div class="position-relative rounded overflow-hidden">
            <div class="position-absolute z-index-1 bottom-0 bg-white text-orange shadow-primary text-center py-1 px-2 rounded ml-3 mb-3">27 Feb</div>
            <img class="card-img-top hover-zoom" src="assets/images/blog/03.jpg" alt="Image">
          </div>
          <div class="card-body px-0 pb-0">
            <div> <a class="d-inline-block link-title btn-link text-small mr-2" href="#">Sleepwear,</a>
              <a class="d-inline-block link-title btn-link text-small" href="#">Fashion</a>
            </div>
            <h2 class="h5 font-w-6 mt-3">
                <a class="link-title" href="blog-single.html">Awesome template with lot's of features on the board!</a>
              </h2>
          </div>
          <div></div>
        </div>
        <!-- End Blog Card -->
      </div>
    </div>
    
  </div>
</section>

<!--blog end-->


<!--instagram start-->

<section class="p-0">
  <div class="container-fluid p-0">
    <div class="row no-gutters">
      <div class="col-md-8 col-lg-4 order-lg-1 align-items-center d-flex justify-content-center bg-dark p-5">
        <div class="d-flex align-items-center">
          <img class="img-fluid" src="assets/images/insta/instagram-logo.png" alt="">
          <div class="ml-3">
            <h6 class="text-white mb-0">Follow Us on</h6>
            <h3 class="text-white mb-0">Instagram</h3>
          </div>
        </div>
      </div>
      <div class="col-6 col-md-4 col-lg-2">
        <a class="insta-item" href="#">
          <img class="img-fluid" src="assets/images/insta/01.jpg" alt="">
          <div class="insta-icon"><i class="lab la-instagram"></i>
          </div>
        </a>
      </div>
      <div class="col-6 col-md-4 col-lg-2">
        <a class="insta-item" href="#">
          <img class="img-fluid" src="assets/images/insta/02.jpg" alt="">
          <div class="insta-icon"><i class="lab la-instagram"></i>
          </div>
        </a>
      </div>
      <div class="col-6 col-md-4 col-lg-2 order-lg-1">
        <a class="insta-item" href="#">
          <img class="img-fluid" src="assets/images/insta/03.jpg" alt="">
          <div class="insta-icon"><i class="lab la-instagram"></i>
          </div>
        </a>
      </div>
      <div class="col-6 col-md-4 col-lg-2 order-lg-1">
        <a class="insta-item" href="#">
          <img class="img-fluid" src="assets/images/insta/04.jpg" alt="">
          <div class="insta-icon"><i class="lab la-instagram"></i>
          </div>
        </a>
      </div>
    </div>
  </div>
</section>

<!--instagram end-->

</div>

<!--body content end--> 


<!--footer start-->

<footer class="py-11 bg-light-1">
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-4"> <a class="footer-logo text-white h2 mb-0" href="index.html">
              <img class="img-fluid" src="assets/images/logo.png" alt="">
            </a>
        <p class="my-3 text-muted pr-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in velit a nibh ullamcorper dictum a malesuada ex. Donec sit amet volutpat nunc.</p>
        <ul class="list-inline mb-0">
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-facebook"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-dribbble"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-instagram"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-twitter"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-linkedin"></i></a>
          </li>
        </ul>
      </div>
      <div class="col-12 col-lg-8 mt-6 mt-lg-0">
        <div class="row">
          <div class="col-12 col-sm-4 navbar-white">
            <h6 class="mb-4 text-dark font-w-6">Quick Links</h6>
            <ul class="navbar-nav list-unstyled mb-0">
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Shipment</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="about-us-1.html">About</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="shop-grid-left-sidebar.html">Shop</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="faq.html">Faq</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="blog-card.html">Blogs</a>
              </li>
              <li class="nav-item"><a class="nav-link text-muted font-w-4" href="contact-us.html">Contact Us</a>
              </li>
            </ul>
          </div>
          
          <div class="col-12 col-sm-4 mt-6 mt-sm-0 navbar-white">
            <h6 class="mb-4 text-dark font-w-6">Information</h6>
            <ul class="navbar-nav list-unstyled mb-0">
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="terms-and-conditions.html">Term Of Service</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="privacy-policy.html">Privacy Policy</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Support</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Orders History</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Your Account</a>
              </li>
              <li class="nav-item"><a class="nav-link text-muted font-w-4" href="#">Suppliers</a>
              </li>
            </ul>
          </div>
          <div class="col-12 col-sm-4 mt-6 mt-sm-0 navbar-white">
            <h6 class="mb-4 text-dark font-w-6">Shopping Guide</h6>
            <ul class="navbar-nav list-unstyled mb-0">
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Site Map</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Search Terms</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Advanced Search</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Return policy</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Where is my order?</a>
              </li>
              <li class="nav-item"><a class="nav-link text-muted font-w-4" href="#">Our Story</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      
    </div>
      <hr class="my-8">
    <div class="row">
      <div class="col-lg-3 col-sm-6">
        <div class="d-flex">
          <div class="mr-2">
            <i class="las la-map-marker-alt ic-2x text-orange"></i>
          </div>
          <div>
            <h6 class="mb-0 text-dark font-w-6">Location</h6>
            <p class="mb-0 font-w-4 text-muted">Flipmarto, 789 Main rd, Anytown,
CA 12345 USA</p>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-sm-6 mt-3 mt-sm-0">
        <div class="d-flex">
          <div class="mr-2">
           <i class="las la-envelope ic-2x text-orange"></i>
          </div>
          <div>
            <h6 class="mb-0 text-dark font-w-6">Email us</h6>
           <a class="text-muted font-w-4" href="mailto:themeht23@gmail.com"> themesground@gmail.com</a><br>
           <a class="text-muted font-w-4" href="mailto:themeht23@gmail.com"> flipmarto@gmail.com</a>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-sm-6 mt-3 mt-lg-0">
        <div class="d-flex">
          <div class="mr-2">
           <i class="las la-clock ic-2x text-orange"></i>
          </div>
          <div>
            <h6 class="mb-0 text-dark font-w-6">Working Hours</h6>
            <p class="mb-0 font-w-4 text-muted">Mon - Fri: 10am - 7pm</p>
            <p class="mb-0 font-w-4 text-muted">Sunday: 11am - 3pm</p>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-sm-6 mt-3 mt-lg-0">
        <div class="d-flex">
          <div class="mr-2">
           <i class="las la-mobile ic-2x text-orange"></i>
          </div>
          <div>
            <h6 class="mb-0 text-dark font-w-6">24/7 Support</h6>
            <p class="mb-0 font-w-4 text-muted">+888 456-7890 <br>
            +123 789-1234
            </p>
          </div>
        </div>
      </div>
    </div>
    <hr class="my-8">
    <div class="row text-muted align-items-center">
      <div class="col-md-7 font-w-4"><small>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></small>
      </div>
      <div class="col-md-5 text-md-right mt-3 mt-md-0">
        <ul class="list-inline mb-0">
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/01.png" alt="">
            </a>
          </li>
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/02.png" alt="">
            </a>
          </li>
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/03.png" alt="">
            </a>
          </li>
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/04.png" alt="">
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</footer>

<!--footer end-->

</div>

<!-- page wrapper end -->


<!-- Quick View Modal -->
<div class="modal fade view-modal" id="quick-view" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <button type="button" class="close-quickview" data-dismiss="modal" aria-label="Close"> <i class="ion-ios-close-empty"></i> </button>
      <div class="modal-body">
        <div class="row align-items-center">
          <div class="col-lg-5 col-12"> <img class="img-fluid rounded" src="assets/images/product/p11.jpg" alt="" /> </div>
          <div class="col-lg-7 col-12 mt-5 mt-lg-0">
            <div class="product-details">
          <h1 class="h4 mb-0 font-w-6">Unpaired Running Shoes</h1>
          <div class="star-rating mb-4"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
          </div> <span class="product-price h5 text-pink">$25.00 <del class="text-muted h6">$35.00</del></span>
          <ul class="list-unstyled my-3">
            <li><small>Availibility: <span class="text-green"> In Stock</span> </small>
            </li>
            <li class="font-w-4"><small>Categories :<span class="text-muted"> womens, clothing, dresses, footwear</span></small>
            </li>
          </ul>
          <p class="mb-4 desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero vulputate rutrum. vulputate adipiscing cursus eu, suscipit id nulla. quis fermentum turpis eros eget velit.</p>
          <div class="d-sm-flex align-items-center mb-5">
            <div class="d-flex align-items-center mr-sm-4">
              <button class="btn-product btn-product-up"> <i class="las la-minus"></i>
              </button>
              <input class="form-product" type="number" name="form-product" value="1">
              <button class="btn-product btn-product-down"> <i class="las la-plus"></i>
              </button>
            </div>
            <select class="custom-select mt-3 mt-sm-0" id="inputGroupSelect02">
              <option selected>Size</option>
              <option value="1">XS</option>
              <option value="2">S</option>
              <option value="3">M</option>
              <option value="3">L</option>
              <option value="3">XL</option>
              <option value="3">XXL</option>
            </select>
            <div class="d-flex text-center ml-sm-4 mt-3 mt-sm-0">
              <div class="form-check pl-0 mr-2">
                <input type="radio" class="form-check-input" id="color-filter1" name="Radios">
                <label class="form-check-label" for="color-filter1" data-bg-color="#ffc107"></label>
              </div>
              <div class="form-check pl-0 mr-2">
                <input type="radio" class="form-check-input" id="color-filter2" name="Radios" checked>
                <label class="form-check-label" for="color-filter2" data-bg-color="#6d5b97"></label>
              </div>
              <div class="form-check pl-0 mr-2">
                <input type="radio" class="form-check-input" id="color-filter3" name="Radios">
                <label class="form-check-label" for="color-filter3" data-bg-color="#88b04b"></label>
              </div>
              <div class="form-check pl-0">
                <input type="radio" class="form-check-input" id="color-filter4" name="Radios">
                <label class="form-check-label" for="color-filter4" data-bg-color="#23a5a8"></label>
              </div>
            </div>
          </div>
          <div class="d-sm-flex align-items-center mt-5">
            <button class="btn btn-primary btn-animated mr-sm-3 mb-3 mb-sm-0"><i class="las la-shopping-cart mr-2"></i>Add To Cart</button>
            <a class="btn btn-animated btn-dark" href="#"> <i class="lar la-heart mr-2 ic-1-2x"></i>Add To Wishlist
            </a>
          </div>
          
        </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Subscribe Modal -->
<div class="modal fade newsletter" id="mailchimpModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="ion-ios-close-empty"></i>
        </button>
      <div class="modal-body p-3 text-center">
        <div class="mb-2">
          <img class="img-fluid" src="assets/images/bg/newsletter1.jpg" alt="">
          <h2 class="mb-0">Join our newsletter and get 20% discount</h2>
        </div>
        <div class="subscribe-form mx-7 mb-4">
          <form id="mc-form1" class="row align-items-center no-gutters mb-3">
            <div class="col">
              <input value="" name="EMAIL" class="email form-control input-2 bg-white" placeholder="Enter your email..." required type="email">
            </div>
            <div class="col-auto">
              <input class="btn btn-orange overflow-auto" name="subscribe" value="Subscribe" type="submit">
            </div>
          </form> 
          <small class="bottom-text">
          <input name="notshowpopup" id="notshowpopup" type="checkbox">
          Don’t show this popup again</small>
        </div>
      </div>
    </div>
  </div>
</div>

 
<!--back-to-top start-->

<div class="scroll-top"><a class="smoothscroll" href="#top"><i class="las la-angle-up"></i></a></div>

<!--back-to-top end-->

<!-- inject js start -->

<script src="assets/js/jquery-3.5.1.min.js"></script> <script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/light-slider.js"></script>
<script src="assets/js/parallax.js"></script>
<script src="assets/js/magnific-popup.min.js"></script> 
<script src="assets/js/jquery.countdown.min.js"></script>
<script src="assets/js/jquery.dd.min.js"></script>
<script src="assets/js/validator.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/theme-script.js"></script>

<!-- inject js end -->

</body>
</html>
